
<html>
<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css">
	@import "radio.css";
</style>

<script type="text/javascript" src="radio_flip.js" charset="utf-8"></script>
<script type="text/javascript" src="radio.js" charset="utf-8"></script>
<script type="text/javascript" src="localizedStrings.js" charset="utf-8"></script>
<script type="text/javascript" src="/System/Library/WidgetResources/AppleClasses/AppleSlider.js" charset="utf-8"></script>

</head>
<body onload="setup();">	

    
    <div id="playerdiv"></div>
    <div id="front" onmousemove="mousemove(event);" onmouseout="mouseexit(event);">
			<div id="backimg">
				<img span="backgroundImage" id="backImage" src="Images/black.png">
			</div>
    <div id="messageCover"></div>
	
			<div id="play_btn" onclick="play()" onmousedown="play_btn_down()" onmouseup="play_btn_up()">
				<img span="backgroundImage" id="play_btn_image" src="Images/play_btn.png">
			</div>
			<div id="pause_btn" onclick="pause()" onmousedown="pause_btn_down()" onmouseup="pause_btn_up()">
				<img span="backgroundImage" id="pause_btn_image" src="Images/pause_btn.png">
			</div>
			<div id="volume_slider"></div>
			<div id="popupMenuText">Add Station</div>
			<div id="arrows">
				<img span="backgroundImage" id="arrows_image" src="Images/arrows_white.png">
			</div>	
			<select id="stations" name="stations" size="1" onchange="box_change()"></select>
			<div id="statusText">
				<font color="white"></font>
			</div>
			<div id="smallbtn" onclick="showAddPanel()" onmousedown="small_btn_down()" onmouseup="small_btn_up()">
				<img span="backgroundImage" id="smallbtn_image" src="Images/smallbtn_down.png">
			</div>
			<div class="flip" id="fliprollie"></div>
			<div class="flip" id="flip" onclick="showPrefs();" onmouseover="enterflip(event);" onmouseout="exitflip(event);"></div>
			<div class="flip" id="fliprollieblack"></div>
			<div class="flip" id="flipblack" onclick="showPrefs();" onmouseover="enterflipblack(event);" onmouseout="exitflipblack(event);"></div>
			
			<div id="addpanel">
			
				<img span="backgroundImage" src="Images/addpanel.png">
			
			<p></p>
				<p>
					<input type="text" name="text_name" id="text_name" value="Station Name" size="12" maxlength="16" onkeydown="name_change()">
				</p>
				<div id="weblink" align="center">
					<p align="center">
					<a href="javascript:openWeb('http://radiotuner.wuersch.net/stations.php')">FIND</a> or <a href="javascript:openWeb('http://radiotuner.wuersch.net/share.php')">SHARE</a> stations</p>
				</div>
				<p>
					<input type="text" name="text_url" id="text_url" value="Link to Live Stream" size="20" onkeydown="url_change()">
				</p>
			
			<div id="wizard" onclick="findRadioURL()">
				<a href="#">
					<img span="backgroundImage" alt="URL Wizard" src="Images/star_b.png">
				</a>
			</div>
				<input type="reset" value="Add" id="button_add_new" onclick="add_new_station()">
				<input type="reset" value="Delete" id="button_delete" onclick="remove_station()" disabled="">
				<select name="pl_type" id="pl_type" size="1" onchange="pl_type_change()"> 						<option select="" value="audio/x-pn-realaudio-plugin">Real</option> 						<option value="application/x-mplayer2">Win</option> 					</select>
				
				<a href="javascript:openWeb('http://radiotuner.wuersch.net/help.html')">
				
					<img src="Images/help.png" alt="Help" border="0" id="help">
				
				</a>
			</div>
			
			
			<div id="messageBox">
				<img span="backgroundImage" src="Images/messageDialog.png">
				<div id="messageText"></div>
				<input type="reset" id="messageOK" value="OK" onclick="hide_messageBox()">
			</div>
			<div id="updateDialog">
				<img span="backgroundImage" src="Images/messageDialog.png">
				<div id="updateText">New Version!<br>
				<a href="javascript:openWeb('http://www.apple.com/downloads/dashboard/radio_podcasts/radiotuner.html')">download</a>
				</div>
				<input type="reset" id="updateOK" value="OK" onclick="hide_updateDialog()">
			</div>
    </div>

    
     <div id="back">
		<div id="back_backimg">
			<img span="backgroundImage" id="backBackImage" src="Images/back_black.png">
		</div>
		<div id="back">
			<img id="doneButton" src="Images/done.png" onmouseup="hidePrefs();" onmousedown="document.getElementById(" donebutton").src="Images/done_pressed.png" ;"="" onmouseout="document.getElementById(">     	
			<a href="#">     	
				<img src="Images/bywue.png" alt="" height="18" width="48" border="0" id="wueback" onclick="openWeb('http://radiotuner.wuersch.net')">     	
			</a>
			<div id="bcolorText">
				Color:</div>
			<select id="bcolor" size="1" onchange="backcolor_changed()"> 				<option selected="" value="black.png">Black</option> 				<option value="gray.png">Gray</option> 				<option value="yellow.png">Yellow</option> 				<option value="orange.png">Orange</option> 				<option value="red.png">Red</option> 				<option value="pink.png">Pink</option> 				<option value="purple.png">Purple</option> 				<option value="dblue.png">Navy</option> 				<option value="lblue.png">Blue</option> 				<option value="green.png">Green</option> 				<option value="lime.png">Lime</option> 			</select>
			<div id="tcolorText">
				Text:</div>
			<select id="tcolor" size="1" onchange="textcolor_changed()"> 				<option value="arrows_black.png">Black</option> 				<option selected="" value="arrows_white.png">White</option> 			</select>
	</div>
		
	</div>
	<div id="dialog_rp">
			<img span="backgroundImage" src="Images/plugin_dialog_rp.png">
			<div id="down_plugin">
				<font size="-2" face="Helvetica, Geneva, Arial, SunSans-Regular, sans-serif">
<a href="javascript:hide_dialog('rp', 1);">download</a>
</font>
			</div>
			<div id="dont_plugin">
				<font size="-2" face="Helvetica, Geneva, Arial, SunSans-Regular, sans-serif">
<a href="javascript:hide_dialog('rp', 0);">don't show again</a>
</font>
			</div>
	</div>
	<div id="dialog_f4m">
			<img span="backgroundImage" src="Images/plugin_dialog_f4m.png">
			<div id="down_plugin">
				<font size="-2" face="Helvetica, Geneva, Arial, SunSans-Regular, sans-serif">
<a href="javascript:hide_dialog('f4m', 1);">download</a>
</font>
			</div>
			<div id="dont_plugin">
				<font size="-2" face="Helvetica, Geneva, Arial, SunSans-Regular, sans-serif">
<a href="javascript:hide_dialog('f4m', 0);">don't show again</a>
</font>
			</div>
	</div>
	<div id="dialog_reload" onclick="hide_dialog('reload', 1)">
			<img span="backgroundImage" src="Images/plugin_dialog_reload.png">
	</div>
</body>
</html>